<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <title>Android Design - 帮助</title>
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:regular,medium,thin,italic,mediumitalic" />
	<link rel="stylesheet" type="text/css" href="../css/style.css" />
	<link rel="stylesheet" type="text/css" href="../css/folding.css" />
	<style type="text/css">
	#content p.wrong {
		background: url('ico_wrong.png') left 3px no-repeat;
		padding-left: 20px;
	}
	#content p.good {
		background: url('ico_good.png') left 3px no-repeat;
		padding-left: 20px;
	}
	</style>
	<script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="../js/jquery.common.min.js"></script>
	<script type="text/javascript" src="../js/jquery.folding.min.js"></script>
	<script type="text/javascript" src="../js/adchs.js"></script>
</head>
<body>
	<div id="pageWrapper">
		<div id="header">
			<a href="../index.html">Android Design&nbsp;<span class="headerChs">Android 设计指南非官方简体中文版</span></a>
		</div>
		<div id="navWrapper">
			<div class="divListwHeader foldingList">
				<div class="trigger"><a href="../index.html">开始</a></div>
				<ul class="foldingContainer">
					<li><a href="../get-started/create-vistion.html">创新的视觉效果</a></li>
					<li><a href="../get-started/principles.html">设计原则</a></li>
					<li><a href="../get-started/ui-overview.html">UI 概览</a></li>
				</ul>
			</div>
			<div class="divListwHeader foldingList">
				<div class="trigger"><a href="../style/index.html">风格</a></div>
				<ul class="foldingContainer">
					<li><a href="../style/devices-displays.html">设备和显示</a></li>
					<li><a href="../style/themes.html">主题</a></li>
					<li><a href="../style/touch-feedback.html">触摸反馈</a></li>
					<li><a href="../style/metrics-grids.html">度量单位和网格</a></li>
					<li><a href="../style/typography.html">字体</a></li>
					<li><a href="../style/color.html">颜色</a></li>
					<li><a href="../style/iconography.html">图标</a></li>
					<li><a href="../style/writing.html">写作风格</a></li>
				</ul>
			</div>
			<div class="divListwHeader foldingList initShow">
				<div class="trigger"><a href="index.html">模式</a></div>
				<ul class="foldingContainer">
					<li><a href="new.html">Android 新特性</a></li>
					<li><a href="gestures.html">手势</a></li>
					<li><a href="app-structure.html">应用结构</a></li>
					<li><a href="navigation.html">导航</a></li>
					<li><a href="actionbar.html">操作栏</a></li>
					<li><a href="multi-pane-layouts.html">多视图布局</a></li>
					<li><a href="swipe-views.html">滑动视图</a></li>
					<li><a href="selection.html">选择</a></li>
					<li><a href="confirming-acknowledging.html">确认和提示</a></li>
					<li><a href="notifications.html">通知</a></li>
					<li><a href="widgets.html">小部件</a></li>
					<li><a href="settings.html">设置</a></li>
					<li><a class="highlight" href="help.html">帮助</a></li>
					<li><a href="compatibility.html">兼容性</a></li>
					<li><a href="accessibility.html">可用性</a></li>
					<li><a href="pure-android.html">纯粹的 Android</a></li>
				</ul>
			</div>
			<div class="divListwHeader foldingList">
				<div class="trigger"><a href="../building-blocks/index.html">控件</a></div>
				<ul class="foldingContainer">
					<li><a href="../building-blocks/tabs.html">标签选项卡</a></li>
					<li><a href="../building-blocks/lists.html">列表</a></li>
					<li><a href="../building-blocks/grid-lists.html">网格列表</a></li>
					<li><a href="../building-blocks/scrolling.html">滚动容器</a></li>
					<li><a href="../building-blocks/spinners.html">下拉菜单 (Spinners)</a></li>
					<li><a href="../building-blocks/buttons.html">按钮</a></li>
					<li><a href="../building-blocks/text-fields.html">文本框</a></li>
					<li><a href="../building-blocks/seek-bars.html">滑块</a></li>
					<li><a href="../building-blocks/progress.html">进度条和活动</a></li>
					<li><a href="../building-blocks/switches.html">开关</a></li>
					<li><a href="../building-blocks/dialogs.html">对话框</a></li>
					<li><a href="../building-blocks/pickers.html">选择器</a></li>
				</ul>
			</div>
			<br class="clear" />
		</div>
		<div id="content">
			<div class="contentNav topNav">
				<div class="contentHeaderWraper">
					<h2>帮助&nbsp;<a class="originalLink" href="http://developer.android.com/design/patterns/help.html" target="_blank">Original Version</a></h2>
				</div>
				<div class="buttonWrapper">
					<a class="buttonPrev" href="settings.html">上一页</a><a class="buttonNext" href="compatibility.html">下一页</a>
				</div>
			</div>
			<div id="mainContent">
				<p>我们希望如果您按照 Android Design 的每一句话来设计您的应用，那么每个人都能够学会使用您的应用。但是事实上不是这样的。</p>
				<p>您的一些用户可能会遇到问题或者苦难。他们希望<span class="highlight">在您的应用中</span>找到解答，如果不能很快地找到答案，那么他们有可能就离你而去了。</p>
				<p>本节将会指导您如何在应用中设计帮助和提示，提供给那些急需指导的用户。</p>
				<div class="contentHeaderWraper">
					<h2>在应用中设计帮助</h2>
				</div>
				<h4>除了几种情况，不要使用独立的帮助</h4>
				<p>您自然希望用户能快速的学会使用您的应用，发现应用中的亮点，了解应用的大部分功能。所以您可以在用户第一次打开应用时，提供一个一次性的功能展示、视频或者启动画面。或者您也可以在用户第一次使用某些功能时，展示文字帮助或者提示对话框。</p>
				<p>大多数情况下，我们希望您<span class="highlight">不要</span>这样设计，因为:</p>
				<ul class="circleList">
					<li>
						<p><span class="highlight">它们会打断用户</span>。用户急切的希望使用您的应用，任何横在面前的内容都可能成为障碍，尽管您是出于好意。因为用户不希望看到提示，他们会忽略这些内容。</p>
					</li>
					<li>
						<p><span class="highlight">一般也不需要</span>。如果您比较关注应用的某个方面，不要仅仅提供一个帮助。应当通过合理设计的 UI 来解决问题。根据这个设计指导的内容进行设计，将会降低用户的学习成本。</p>
					</li>
				</ul>
				<p>只有一种情况需要为新用户提供独立的帮助:</p>
				<p>教导用户如何使用仅仅能通过手势来启用的特殊功能。</p>
				<p>例如我们指导用户如何将应用图标放到主屏幕上，因为这个操作:</p>
				<div>
					<div class="column col8">
						<ul class="circleList">
							<li>
								<p><span class="highlight">很有用</span><br />
								不进行这个操作，用户不能根据自己的喜好和常用的应用来自定义 Android 主屏幕。</p>
							</li>
							<li>
								<p><span class="highlight">只能通过手势完成</span><br />
								因为没有按钮或者菜单来完成这个操作，用户也许不能发现这个手势操作。</p>
							</li>
						</ul>
						<p>也不是所有的手势操作都要教给用户。例如滚动操作，用户已经知道怎么做了，这个操作是最基本和全系统通用的。</p>
					</div>
					<div class="column col5 nomarginRight">
						<img class="nomarginLR" src="help_cling.png" />
						<p class="caption">当用户第一次进入“全部应用”屏幕时，半透明的帮助会指导用户如何进行重要的手势操作。</p>
					</div>
					<div class="clear"></div>
				</div>
				<p>底线: 当在应用中提供帮助时，最好让用户在需要的时候<span class="highlight">来找你</span>。</p>
				<h4>标准的帮助导航模式</h4>
				<p>在您应用的每个屏幕上，通过 <a href="actionbar.html">操作栏的弹出菜单</a> 提供帮助。总是把“帮助”放在菜单的最下面。</p>
				<div>
					<div class="column col7">
						<img class="nomarginLR" src="help_overflow.png" />
					</div>
					<div class="column col6 nomarginRight">
						<img class="nomarginLR" src="help_solo_overflow.png" />
						<p class="caption">即使弹出菜单上没有别的要显示的内容，也请将“帮助”放在菜单里，而不要放在操作栏上。</p>
					</div>
					<div class="clear"></div>
				</div>
				<p>这个设计标准使得用户在需要帮助时能很快地找到 (阅读 <a href="../get-started/principles.html">告诉哥适用于各处的小技巧</a>)。</p>
				<h4>假设每次请求帮助都是很紧急的</h4>
				<p>显示帮助的时候，您也许会展示其它信息，例如版权信息、开发者名单、服务条款或者隐私政策。</p>
				<p>让用户在帮助视图中通过菜单访问这些内容，并且尽快展示用户急切需要解决的问题。那些比较希望看到法律内容或者开发者名单的用户不会在乎多按两下的。</p>
				<p>这个设计指导也适用于交流用功能，例如技术支持或者反馈。将这些功能放在帮助视图的菜单中，而不要再展示帮助前增加步骤。让用户自己找到解决方法也能降低您的技术支持成本。</p>
				<p>当用户触摸“帮助”时:</p>
				<div>
					<div class="column col4">
						<img class="nomarginRight" src="help_dont.png" />
						<p class="wrong"><span class="highlight">不要这么做</span></p>
						<p>显示一个对话框，让用户选择帮助或者其它选项。</p>
					</div>
					<div class="column col4">
						<img class="nomarginRight" src="help_better.png" />
						<p class="good"><span class="highlight">这样比较好</span></p>
						<p>立即打开浏览器显示帮助页面，将其它选项放在页面底部。</p>
					</div>
					<div class="column col5 nomarginRight">
						<img class="nomarginRight" src="help_evenbetter.png" />
						<p class="good"><span class="highlight">这样更好</span></p>
						<p>在您的应用中设计一个帮助视图，将其它选项放在操作栏中。例如您可以让用户通过按钮向您提问或者提交反馈。弹出菜单则放置一些不常用的信息。</p>
						<p>这样比打开浏览器展示帮助页面要更麻烦一些，但是这样做的用户体验更好，因为这样不需要离开您的应用，也不需要连接网络。</p>
					</div>
					<div class="clear"></div>
				</div>
				<div class="contentHeaderWraper">
					<h2>设计帮助内容</h2>
				</div>
				<h4>帮助也是 UI 的一部分</h4>
				<p>帮助是您应用 UI 的扩展，而不是对 UI 的描述。无论是应用还是帮助，每一句文字都应该符合 <a href="../style/writing.html">写作风格</a> 中的指导，以保持一贯的体验。</p>
				<h4>仔细考虑每一个像素</h4>
				<p>不需要对您应用中的每一个功能都做详细的说明，尤其是那些一眼就能看出来的功能，或者是全平台通用的操作。仅仅展示重要的信息，而不要仔细描述，这样布局也可以比较简单。</p>
				<h4>图片比文字更容易理解</h4>
				<p>在描述关键 UI 或者提供一步步指导时，请结合文字和图标还有带有标注的截图等。这样您就可以少用些文字来描述，用户也能更快的理解</p>
				<h4>浏览而不是阅读</h4>
				<p>用户不会从头到尾仔细阅读帮助。他们一般就浏览一下，看看有没有需要寻找的答案。请在排版上更加友好，使用大字体的标题、列表、表格和留白。如果有很多内容要显示，分割成多个屏幕，让用户滚动浏览。</p>
				<h4>直接提供答案</h4>
				<p>比浏览更简单是什么？就是直接提供答案。可以考虑在每个能够导航到帮助的屏幕中，进入帮助后只显示与进入屏幕有关的信息。我们称之为上下文帮助，这种做法最有利于协助用户。如果您能提供这种帮助，请记住提供一个方法给用户浏览帮助的其它内容。</p>
			</div><!-- mainContent -->
			<div class="contentNav bottomNav">
				<div class="buttonWrapper">
					<a class="buttonPrev" href="settings.html">上一页</a><a class="buttonNext" href="compatibility.html">下一页</a>
				</div>
			</div>
		</div>
		<div class="clear"></div>
		<div id="footer">
			<p><a href="http://adchs.sourceforge.net">Android Design 安卓设计非官方简体中文版</a>&nbsp;-&nbsp;<a href="http://www.sunjw.us/adchs" target="_blank">www.sunjw.us/adchs</a>&nbsp;-&nbsp;感谢&nbsp;<a href="http://www.topfun.us" target="_blank">topfun 同学</a>&nbsp;<a href="http://www.freemindworld.com" target="_blank">Li Fanxi</a>&nbsp;<a href="http://www.apkbus.com" target="_blank">安卓巴士</a>&nbsp;提供的&nbsp;<a href="http://www.topfun.us/adchs/">镜像1</a>&nbsp;<a href="http://www.freemindworld.com/adchs">镜像2</a>&nbsp;<a href="http://www.apkbus.com/design">镜像3</a>。</p>
			<p id="copyright">没有特别说明的话，所有内容按照 <a href="http://creativecommons.org/licenses/by/2.5/" target="_blank">Creative Commons Attribution 2.5</a> 协议授权。<br />基于 <a href="http://developer.android.com/design/" target="_blank">Android Design</a> 翻译而成，部分图片和设计样式也来自于 <a href="http://developer.android.com/design/" target="_blank">Android Design</a>。Android 是 Google 的商标。</p>
			<p>2012-2013&nbsp;-&nbsp;<a href="http://www.sunjw.us/blog" target="_blank">Sun Junwen</a>&nbsp;-&nbsp;sunjw8888 at gmail.com&nbsp;-&nbsp;<a href="http://www.sunjw.us/jsminnpp/" target="_blank">JSMinNpp</a>&nbsp;-&nbsp;<a href="http://www.twitter.com/sunjw" target="_blank" title="Follow me on Twitter"><img src="../imgs/twitter-small.png" alt="Follow me on Twitter"/></a>&nbsp;<a href="http://www.facebook.com/profile.php?id=1444809914" target="_blank" title="Follow me on Facebook"><img src="../imgs/fb-small.png" alt="Follow me on Facebook"/></a>&nbsp;<a href="http://weibo.com/nusjw" target="_blank" title="Follow me on Weibo"><img src="../imgs/weibo-small.png" alt="Follow me on Weibo"/></a>&nbsp;<a href="http://www.renren.com/sunjwvista" target="_blank" title="Follow me on Renren"><img src="../imgs/renren-small.png" alt="Follow me on Renren"/></a>&nbsp;-&nbsp;<g:plusone size="small"></g:plusone></p>
		</div>
	</div>
</body>
</html>
